<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>dash border</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/matrix-style.css" />
<link rel="stylesheet" href="css/matrix-media.css" />
<link rel="stylesheet" href="jquery-easyui/themes/default/easyui.css" />
<link rel="stylesheet" href="jquery-easyui/themes/icon.css" />
<script type="text/javascript" src="jquery-easyui/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui/jquery.easyui.min.js"></script>
<style>
 .content-header{
/*   margin-top:-38px;
 */  font-size:16px;
  background-color:#fff;
 }
 .content-header table{
  font-weight:bolder;
  margin-left:30px;
 }
 .content-header .header-number{
  margin-left:10px;
 }


</style>
<script>
function logout(){
		$.messager.confirm('Confirm','Are you sure you want to logout?',function(r){
            if (r){
                $.post('<%=request.getContextPath()%>/logout',function(result) {
					if (result.success) {
						$.messager.show({ // show error message
							title : '提示',
							msg : '退出成功'
						});
			           }
				 else {
						$.messager.show({ // show error message
									title : '提示',
									msg : '登录已过期，重新登录'
								});
					   }
				}, 'json');
    			window.open('<%=request.getContextPath()%>/index.jsp','_self');

		     }
	});
}

</script>
<script>

</script>
</head>
<body>

<!--Header-part-->
<div id="header">
  <h1><a href="dashboard.html">Matrix Admin</a></h1>
</div>
<!--close-Header-part--> 
<!-- header menu -->
<ul style="position:absolute;left:200px;top:20px;list-style:none;">
<c:choose>
 <c:when test="${sessionScope.assist.type eq 1}">
   <li id="li1" style="float:left;padding:5px;color:#0094ff;font-size:12px;" icon="icon-lightning">welcome you</li>
  <div id="cusmenu1" style="width:150px;">
   <div id="id1">我的资料</div>
   <div id="id2">我的任务</div>
   <div class="menu-sep"></div>
</div>
 </c:when>
 <c:otherwise></c:otherwise>
</c:choose>
 <li id="li2" style="float:left;padding:5px;color:#0094ff;font-size:12px;" icon="icon-lightning">message</li>
 <li style="float:left;padding:5px;color:#0094ff;font-size:12px;" class="easyui-linkbutton" data-options="plain:true" onclick="logout()">logout</li>
</ul>
<div id="cusmenu2" style="width:150px;">
   <div id="id4">系统消息</div>
</div>
<!-- header menu -->
<div id="welcome" ><h3 style="position:absolute;top:5px;right:105px;font-size:16px;color:white;">欢迎管理员   ${sessionScope.assist.id} 登录！</h3></div>
<!-- side bar start -->
<div id="sidebar" ><a href="#" class="visible-phone"><i class="icon icon-home"></i> Dashboard2</a>
  <ul>
    <li class="active" ><a  href="<%=request.getContextPath()%>/dashboard"><i class="icon icon-home"></i> <span>Dashboard控制面板</span></a> </li>
    <li> <a href="<%=request.getContextPath()%>/study?method=page"><i class="icon icon-signal"></i> <span>Study news留学信息</span></a> </li>
    <li> <a href="<%=request.getContextPath()%>/travel?method=page"><i class="icon icon-inbox"></i> <span>Travel New活动信息</span></a> </li>
    <li><a href="<%=request.getContextPath()%>/news?method=page"><i class="icon icon-th"></i> <span>Recent News近期新闻</span></a></li>
    <li><a href="<%=request.getContextPath()%>/member?method=page"><i class="icon icon-fullscreen"></i> <span>Members centre会员中心</span></a></li>
    <c:choose>
     <c:when test="${sessionScope.assist.type eq 0}">
      <li><a href="<%=request.getContextPath() %>/assist"><i class="icon icon-th-list"></i> <span>助理管理</span></a></li>
      <li><a href="<%=request.getContextPath() %>/task"><i class="icon icon-th-list"></i> <span>任务管理</span></a></li>
     </c:when>
     <c:otherwise></c:otherwise>
    </c:choose>
    
  </ul>
</div>
<div id="content">
  <div class="easyui-panel" style="padding:5px;" >
		<a href="#" class="easyui-linkbutton" style="position:relative;left:50px" data-options="plain:true">Follower:<span style="background:red;color:white;padding:5px;border-radius:10px;font-size:16px;">0</span></a>
		<a href="#" onclick="ordinary()" class="easyui-linkbutton" style="position:relative;left:200px;" data-options="plain:true">Probation members:<span style="background:red;color:white;padding:5px;border-radius:10px;font-size:16px;">0</span></a>
		<a href="#" onclick="vip()" class="easyui-linkbutton" style="position:relative;left:400px;" data-options="plain:true">Members:<span style="background:red;color:white;padding:5px;border-radius:10px;font-size:16px;">0</span></a>
		<a href="#" onclick="total()" class="easyui-linkbutton" style="position:relative;left:600px;" data-options="plain:true">total:<span style="background:red;color:white;padding:5px;border-radius:10px;font-size:16px;">0</span></a>
  </div>

 <div class="content-content">
   <div class="row-fluid">
      <div class="span4">
        <div class="widget-box">
          <div class="widget-title"> <span class="icon"> <i class="icon-eye-open"></i> </span>
            <h5><a href="<%=request.getContextPath()%>/study">留学信息</a></h5>
          </div>
          <div class="widget-content nopadding">
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th>Content</th>
                  <th>DateTime</th>
                </tr>
              </thead>
              <tbody>
              <tr>
                  <td><a href="#">1111111111111</a></td>
                  <td>2016.1.1</td>
                </tr>
                <tr>
                  <td><a href="#">2222222222222222</a></td>
                  <td>2016.1.2</td>
                </tr>
                <tr>
                  <td><a href="#">333333333333</a></td>
                  <td>2016.1.3</td>
                </tr>
                <tr>
                  <td><a href="#">444444444444444444444</a></td>
                  <td>2016.1.4</td>
                </tr>
                <tr>
                  <td><a href="#">555555555555555555555</a></td>
                  <td>2016.1.5</td>
                </tr>
                     <tr>
                  <td><a href="#">1111111111111</a></td>
                  <td>2016.1.1</td>
                </tr>
                <tr>
                  <td><a href="#">2222222222222222</a></td>
                  <td>2016.1.2</td>
                </tr>
                <tr>
                  <td><a href="#">333333333333</a></td>
                  <td>2016.1.3</td>
                </tr>
                <tr>
                  <td><a href="#">444444444444444444444</a></td>
                  <td>2016.1.4</td>
                </tr>
                <tr>
                  <td><a href="#">555555555555555555555</a></td>
                  <td>2016.1.5</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <div class="span4">
        <div class="widget-box">
          <div class="widget-title"> <span class="icon"> <i class="icon-arrow-right"></i> </span>
            <h5><a href="<%=request.getContextPath()%>/travel">活动信息</a></h5>
          </div>
          <div class="widget-content nopadding">
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th>Content</th>
                  <th>DateTime</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td><a href="#">1111111111111</a></td>
                  <td>2016.1.1</td>
                </tr>
                <tr>
                  <td><a href="#">2222222222222222</a></td>
                  <td>2016.1.2</td>
                </tr>
                <tr>
                  <td><a href="#">333333333333</a></td>
                  <td>2016.1.3</td>
                </tr>
                <tr>
                  <td><a href="#">444444444444444444444</a></td>
                  <td>2016.1.4</td>
                </tr>
                <tr>
                  <td><a href="#">555555555555555555555</a></td>
                  <td>2016.1.5</td>
                </tr>
                     <tr>
                  <td><a href="#">1111111111111</a></td>
                  <td>2016.1.1</td>
                </tr>
                <tr>
                  <td><a href="#">2222222222222222</a></td>
                  <td>2016.1.2</td>
                </tr>
                <tr>
                  <td><a href="#">333333333333</a></td>
                  <td>2016.1.3</td>
                </tr>
                <tr>
                  <td><a href="#">444444444444444444444</a></td>
                  <td>2016.1.4</td>
                </tr>
                <tr>
                  <td><a href="#">555555555555555555555</a></td>
                  <td>2016.1.5</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <div class="span4">
        <div class="widget-box">
          <div class="widget-title"> <span class="icon"> <i class="icon-file"></i> </span>
            <h5><a href="<%=request.getContextPath() %>/news">近期新闻</a></h5>
          </div>
          <div class="widget-content nopadding">
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th>Content</th>
                  <th>DateTime</th>
                </tr>
              </thead>
              <tbody>
                         <tr>
                  <td><a href="#">1111111111111</a></td>
                  <td>2016.1.1</td>
                </tr>
                <tr>
                  <td><a href="#">2222222222222222</a></td>
                  <td>2016.1.2</td>
                </tr>
                <tr>
                  <td><a href="#">333333333333</a></td>
                  <td>2016.1.3</td>
                </tr>
                <tr>
                  <td><a href="#">444444444444444444444</a></td>
                  <td>2016.1.4</td>
                </tr>
                <tr>
                  <td><a href="#">555555555555555555555</a></td>
                  <td>2016.1.5</td>
                </tr>
                     <tr>
                  <td><a href="#">1111111111111</a></td>
                  <td>2016.1.1</td>
                </tr>
                <tr>
                  <td><a href="#">2222222222222222</a></td>
                  <td>2016.1.2</td>
                </tr>
                <tr>
                  <td><a href="#">333333333333</a></td>
                  <td>2016.1.3</td>
                </tr>
                <tr>
                  <td><a href="#">444444444444444444444</a></td>
                  <td>2016.1.4</td>
                </tr>
                <tr>
                  <td><a href="#">555555555555555555555</a></td>
                  <td>2016.1.5</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
 </div>
</div>
<!--Footer-part-->
<div class="row-fluid">
  <div id="footer" class="span12"> 2016 &copy; <a href="http://themedesigner.in/">guangzhoushuntian information technology</a> </div>
</div>
<!--end-Footer-part-->

<script>
var ddlMenu1 = $('#li1').menubutton({ menu: '#cusmenu1' }); 
var ddlMenu2 = $('#li2').menubutton({ menu: '#cusmenu2' }); 

//menubutton 依赖于 menu、linkbutton 这两个插件，所以我们可以这样搞定她
$(ddlMenu1.menubutton('options').menu).menu({
            onClick: function (item) {
            	if(item.id=='id1'){
            		
            	}else if(item.id=='id2'){
                    window.open("<%=request.getContextPath()%>/task?method=assisttasks","_blank")

            	}else if(item.id=='id3'){
                    window.open("<%=request.getContextPath()%>/","_self")

            		
            	}else if(item.id=='id4'){
            		
            	}
            }
})
$(ddlMenu2.menubutton('options').menu).menu({
            onClick: function (item) {
            	 if(item.id=='id4'){
            	}
            }
})
</script>
</body>
</html>
